<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>01_test</title>
</head>
<body>
<div class="css-01">xvxv-nnnmmm-iiiijjjj</div>

<style>
  html,
  body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }
  body {
    position: relative;
    background-image: url("./test-image.png");
  }
  .css-01 {
    position: absolute;
    left: 30%;
    top: 30%;
    width: 40%;
    height: 40%;
    // background-image: url("./test-image.png");
    background-repeat: no-repeat;
    background-position:30vh 30vw;
    backdrop-filter: blur(10px);
  }
</style>
</body>
</html>
